<template>
  <div>
    <span> {{ obj["shopName"] }}</span>
    <button @click.prevent="add">+</button>
    <span>{{ obj["count"] }}</span>
    <button @click.prevent="del">-</button>
  </div>
</template>

<script>
export default {
  props: ["obj"],

  methods: {
    add() {
      this.obj["count"]++;
    },

    del() {
      this.obj["count"]--;
    },
  },
};
</script>

<style>
</style>